/****************************20190103 by lxh************************************************/
samp {
  font: 14px;
  font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif;
}

.redItem .el-form-item__label {
  color: red;
  text-align: justify;
  text-justify: distribute-all-lines;
  text-align-last: justify;
}

.centerItem .el-form-item__label {
  //      text-align: center;
  text-align: justify;
  text-justify: distribute-all-lines;
  text-align-last: justify;
}

.rightItem .el-form-item__label {
  text-align: right;
}

.dynamicForm {
  .el-form-item {
    margin-bottom: 5px;
  }

  .dialog-footer {
    text-align: center;
  }

  .el-dialog__footer {
    padding-top: 0;
    margin-top: 0px;
    text-align: center;
  }
}

.el-cascader {
  width: 100%;
}

.promitBox {
  .el-message-box__content {
    .el-message-box__message {
      text-align: left;
    }
  }
}

.uploaded_files {
  display: flex;
  justify-content: space-between;
  cursor: pointer;

  &:hover {
    background: #ededed;
    color: #0c82d7;
  }

  .name {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .state_icon {
    padding: 0 5px;

    .el-icon-close {
      cursor: pointer;
    }
  }
}

.slot_btn {
  width: 60px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  border: 1px solid #0c82d7;
  background: #0c82d7;
  border-radius: 4px;
  padding: 0 8px;
  text-align: center;
  cursor: pointer;

  &:hover {
    opacity: 0.8;
  }
}

.m-floatRight {
  float: right;
}

.finceCancelClass {
  padding: 12px !important;
}

/******************************************************************************************/
.m-view-baseInfo {
  .m-agTable {
    top: 10px;
    /*overflow:auto;*/
    overflow-x: hidden;
  }

  //  .el-form-item {
  //  	margin-bottom: 5px;
  //  }
}

.m-view-companyInfo {
  .m-agTable {
    bottom: 35px;
  }

  //.ag-tool-panel{
  //    display:none
  //}
}

.m-view-masterData {
  overflow-y: auto;

  .m-module {
    &:nth-child(1) {
      li {

        &:nth-child(2),
        &:nth-child(7) {
          .iconfont {
            color: #ffb63d;
          }
        }

        &:nth-child(3) {
          .iconfont {
            color: #78d750;
          }
        }
      }
    }

    &:nth-child(2) {
      li {

        &:nth-child(2),
        &:nth-child(7) {
          .iconfont {
            color: #78d750;
          }
        }

        &:nth-child(6) {
          .iconfont {
            color: #ffb63d;
          }
        }

        &:nth-child(7) {
          .iconfont {
            color: #ff8c8c;
          }
        }
      }
    }

    &:nth-child(3) {
      li {

        &:nth-child(1),
        &:nth-child(6),
        &:nth-child(7) {
          .iconfont {
            color: #ffb63d;
          }
        }

        &:nth-child(2) {
          .iconfont {
            color: #78d750;
          }
        }

        &:nth-child(3),
        &:nth-child(5) {
          .iconfont {
            color: #ff8c8c;
          }
        }
      }
    }

    &:nth-child(4) {
      li {

        &:nth-child(3),
        &:nth-child(5) {
          .iconfont {
            color: #ffb63d;
          }
        }

        &:nth-child(8) {
          .iconfont {
            color: #78d750;
          }
        }

        &:nth-child(1) {
          .iconfont {
            color: #ff8c8c;
          }
        }
      }
    }

    li {
      .iconfont {
        color: #4bb4ff;
      }
    }
  }
}

.m-view-supplierManager {
  .el-form-item {
    margin-bottom: 5px;
  }

  //.ag-tool-panel{
  //    display:none
  //}
  .m-condition {
    .m-pageHeader {
      display: flex;
      //   justify-content: space-between;
      margin-top: 10px;
      margin-bottom: 10px;

      .m-headerItem {
        &:nth-child(1) {
          width: 200px;
        }

        &:nth-child(2) {
          flex: 1;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
        }

        &:nth-child(3) {
          width: 300px;
        }
      }
    }
  }

  .el-tabs {
    margin-top: 10px;

    .el-tabs__header {
      .el-tabs__nav-wrap {
        .el-tabs__nav-scroll {
          background: none;

          .el-tabs__item {
            background: none;
          }

          .is-active {
            background: #fff;
          }
        }
      }
    }

    .el-tabs__content {
      padding: 0;
    }
  }

  .tab-condition {
    width: calc(100% - 15px);
    // top: 55px;
    // bottom: 0px;
    height: calc(100% - 90px);
    position: absolute;
  }

  .tab-condition2 {
    width: 100%;
    top: 75px;
    bottom: 0px;
    position: absolute;
  }

  .btn-condition {
    width: 100%;
    bottom: 0px;
    position: absolute;
  }
}

.m-view-physicalApplyComponents {
  .m-text {
    .el-row+.el-row {
      margin-top: 7.5px;
    }
  }

  .m-floatright-col {
    // .el-col{
    float: right;
    // }
  }

  .m-total {
    position: absolute;
    top: 165px;
    right: 5px;
    z-index: 999;
  }

  .m-mainContent {
    position: absolute;
    top: 155px;
    bottom: 5px;
    left: 0;
    right: 0;

    .bottom {
      margin-top: 1%;
    }

    .el-tabs {
      position: relative;
      height: 100%;
      transition-duration: 0.3s;

      .el-tabs__content {
        top: 40px;
        left: 0;
        right: 0;

        .m-agTable {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
        }

        .el-tab-pane:last-child {
          overflow: auto;
          height: 100%;
        }
      }

      .el-tabs__header {
        border: none;

        .el-tabs__nav-scroll {
          background: #fff;

          .el-tabs__nav {
            border: none !important;

            .el-tabs__item {
              border: none !important;
            }

            .is-active {
              color: #fff;
              background: #409eff;
            }
          }
        }
      }
    }
  }

  .m-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;

    button {
      width: 100%;
    }
  }

  .m-connetModel {
    padding-bottom: 1px;

    .el-dialog__body {
      max-height: 450px;
      overflow-y: auto;
      overflow-x: hidden;
      padding-right: 10px;

      .el-row {
        line-height: 40px;
      }

      .m-agTableModel {
        margin-top: 0;
      }

      .m-agTableModel+.el-row {
        padding: 10px 0;

        .el-col-22 {
          height: 40px;
          line-height: 65px;
        }
      }

      .header-row {
        line-height: 0;

        .el-form-item {
          margin-bottom: 10px;
        }
      }
    }

    .el-card__body {
      height: 220px;
      margin: 10px;
      margin-right: 5px;
      overflow-y: auto;

      .el-row {
        line-height: 40px;
      }

      .m-agTableModel {
        margin-top: 0;
      }
    }

    .el-form-item__content {
      .el-col {
        .el-button {
          height: 75px;
        }
      }
    }
  }

  .m-connetModel2 {
    padding-bottom: 1px;
  }

  .m-headerForm {
    .el-form-item {
      margin-bottom: 0;
    }
  }
}

.m-view-physicalCheckInfo {
  .m-agTable {
    top: 0px;
    bottom: 0px;
  }

  //.ag-tool-panel{
  //    display:none
  //}
}

.m-view-accountCheckInfo {
  .m-agTable {
    top: 0px;
    bottom: 0px;

    .ag-layout-normal {
      .ag-body-viewport {
        margin-right: -8px;
      }
    }
  }

  //.ag-tool-panel{
  //    display:none
  //}
}

.m-view-orderInfo {

  //height:250px;
  .ag-tool-panel {
    display: none;
  }
}

.m-view-storage {

  //  height:300px;
  .ag-tool-panel {
    display: none;
  }
}

.m-view-physicalApplyComponents {
  .ag-tool-panel {

    // display:none
    .ag-column-panel-center {
      min-height: 300px;
    }
  }
}

.m-view-accountApplyComponents {
  .ag-tool-panel {

    // display:none
    .ag-column-panel-center {
      min-height: 300px;
    }
  }
}

.m-view-accountApplyComponents {
  .m-text {
    .el-row+.el-row {
      margin-top: 9px;
    }
  }

  .m-floatright-col {
    float: right;
  }

  .m-headerForm {
    .el-form-item {
      margin-bottom: 0;
    }
  }

  .m-total {
    position: absolute;
    top: 150px;
    right: 10px;
    z-index: 999;

    .balance {
      display: inline-block;
      line-height: 39px;
    }

    .m-floatright-col {
      margin-left: 10px;
    }
  }

  .m-mainContent {
    position: absolute;
    top: 155px;
    bottom: 5px;
    left: 0;
    right: 0;

    .bottom {
      margin-top: 1%;
    }

    .el-tabs {
      position: relative;
      height: 100%;
      transition-duration: 0.3s;

      .el-tabs__content {
        top: 40px;
        left: 0;
        right: 0;

        .m-agTable {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
        }

        .el-tab-pane:last-child {
          overflow: auto;
          height: 100%;
        }
      }

      .el-tabs__header {
        border: none;

        .el-tabs__nav-scroll {
          background: #fff;

          .el-tabs__nav {
            border: none !important;

            .el-tabs__item {
              border: none !important;
            }

            .is-active {
              color: #fff;
              background: #409eff;
            }
          }
        }
      }
    }
  }

  .m-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;

    button {
      width: 100%;
    }
  }

  .m-connetModel {
    padding-bottom: 1px;

    .el-dialog__body {
      max-height: 450px;
      //          height: 550px;
      overflow-y: auto;
      overflow-x: hidden;
      padding-right: 10px;

      .el-row {
        line-height: 30px;
      }

      .m-agTableModel {
        margin-top: 0;
        height: 335px;
        position: relative;

        .m-agTableContent {
          height: 300px;
        }
      }

      .m-agTableModel+.el-row {
        padding: 6px 0;
        // .el-col-22{
        //     // height: 40px;
        //     // line-height: 65px;
        // }
      }
    }

    .el-card__body {
      height: 250px;
      max-height: 400px;
      overflow-y: auto;
      overflow-x: hidden;
      padding-right: 10px;

      .el-row {
        line-height: 40px;
      }

      .m-agTableModel {
        margin-top: 0;
      }
    }
  }

  .m-reconciliationModel {
    .el-dialog {
      .el-dialog__body {
        font-size: 12px;
        // height: 620px;
        line-height: 2;

        .el-table {
          th {
            &>.cell {
              font-size: 12px;
            }
          }

          tr {
            td {
              font-size: 12px;
              padding: 5px 0;
            }
          }
        }
      }
    }
  }

  .m-connetModel2 {
    padding-bottom: 1px;
  }
}

.rendererClass {
  border: none;
  color: blue;
  text-decoration: underline;
  background-color: transparent;
  text-align: left;
}

.rendererClassChoosed {
  border: none;
  text-decoration: underline;
  background-color: transparent;
  text-align: left;
}

.rendererClass:hover {
  cursor: pointer;
  color: blue;
  background-color: transparent;
}

.rendererClass:focus {
  border: none;
}

.m-view-goodsAccountInfo {
  .m-mainContent {
    position: absolute;
    top: 90px;
    bottom: 5px;
    left: 0;
    right: 0;

    .bottom {
      margin-top: 1%;
    }

    .top,
    .bottom {
      position: relative;
      height: 49%;

      .m-agTable {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
      }
    }
  }

  .el-dialog__body {
    max-height: 420px !important;
    padding-bottom: 10px;

    .el-row+.el-row {
      margin-top: 10px;
    }

    .el-card__body {
      height: 220px;
      overflow-y: auto;
    }

    .demo-ruleForm {
      .el-row {
        .el-button {
          height: 75px;
        }
      }
    }
  }
}

.m-view-fileSignInfo {
  p {
    line-height: 2;
  }

  .m-floatright {
    .el-col {
      float: right;
    }
  }

  .m-mainContent {
    .top {
      position: relative;
      height: 100px;
      margin-top: 10px;

      .m-agTable {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
      }
    }
  }

  .m-reconciliationModel {
    .el-dialog {
      .el-dialog__body {
        font-size: 12px;
        height: 620px;
        line-height: 2;

        .el-table {
          th {
            &>.cell {
              font-size: 12px;
            }
          }

          tr {
            td {
              font-size: 12px;
              padding: 5px 0;
            }
          }
        }
      }
    }
  }
}

.m-view-unPublishedPurOrder {
  .ag-tool-panel {
    display: none;
  }

  .m-mainContent {
    position: absolute;
    top: 190px;
    bottom: 5px;
    left: 0;
    right: 0;

    .bottom {
      margin-top: 1%;
    }

    .top,
    .bottom {
      position: relative;
      height: 49%;
      transition-duration: 0.3s;

      .m-agTable {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
      }
    }
  }

  .el-form-item {
    margin-bottom: 0px;
  }
}

.m-deliveryPlanList {
  .m-condition {
    .el-form-item {
      margin-bottom: 0px;
    }

    .spreadBtn {
      .el-button {
        padding: 10px;
      }
    }
  }
}

.renderCell {
  .ag-cell-wrapper {
    display: flex;
    align-items: center;
  }
}

.m-view-unPublishedPurOrderComponents {
  .el-form-item {
    margin-bottom: 5px;
  }

  .m-floatright {
    .el-col {
      float: right;
    }
  }

  .el-dialog {
    .el-dialog__body {
      height: 500px;

      .dialogBody {
        height: 420px;
      }
    }
  }
}

.m-view-confirmedPurOrder {
  .m-agTable {
    bottom: 35px;
  }

  .m-pageHeader {
    .el-form {
      .el-form-item {
        margin-bottom: 0;
      }
    }
  }

  .m-mainContent {
    position: absolute;
    top: 190px;
    bottom: 5px;
    left: 0;
    right: 0;

    .bottom {
      margin-top: 1%;
    }

    .top,
    .bottom {
      position: relative;
      height: 49%;
      transition-duration: 0.3s;

      .m-agTable {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
      }
    }
  }
}

.m-view-deliveryList {
  .el-form-item {
    margin-bottom: 0px;
  }
}

.m-view-deliveryImport {
  .m-condition {
    .el-row {
      .el-col {
        display: flex;
        align-items: center;

        label {
          margin-right: 10px;
        }

        .el-button {
          width: 75px;
          margin-left: 10px;
        }

        .el-input {
          flex: 1;
        }

        .m-tips {
          color: #999;
        }
      }

      .m-buttonCol {
        justify-content: center;
        margin-top: 20px;
      }
    }
  }
}

.m-view-deliverComponents {
  .el-form {
    margin-top: 5px;

    .el-form-item {
      margin-bottom: 0px;
    }
  }

  .m-top150 {
    top: 150px !important;
  }

  .m-top250 {
    top: 250px !important;
  }

  .m-mainContent {
    position: absolute;
    top: 200px;
    bottom: 34px;
    left: 0;
    right: 0;

    .bottom {
      margin-top: 1%;
    }

    .top,
    .bottom {
      position: relative;
      height: 49%;
      transition-duration: 0.3s;

      .m-agTable {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
      }
    }
  }

  .m-floatRight {
    float: right;
  }

  .el-dropdown {
    display: block;

    .el-icon-arrow-down {
      margin-left: 0;
    }
  }
}

.m-view-createAntiCounterfeitionCode {
  .m-agTableLeft {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 35px;
    width: 50%;
  }

  .m-agTableRight {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%;

    .m-condition {
      padding-left: 10px;
    }

    .m-agTable {
      position: absolute;
      left: 0;
      right: 0;
      top: 50px;
      bottom: 0;
      padding-left: 10px;
    }

  }

  .el-form-item {
    margin-bottom: 5px;
  }

  .el-dialog__footer {
    padding-top: 0;
    margin-top: 0px;
    text-align: center;

    .dialog-footer {
      .btn-prev {
        width: 1px;
      }

      .btn-next {
        width: 1px;
      }
    }
  }
}

.m-view-goodsAccountBill {
  .el-form-item {
    margin-bottom: 0px;
  }

  .m-floatright {
    float: right;
  }
}

.m-view-goodsAccountBill2 {
  .m-condition {
    .el-form-item {
      margin-bottom: 0px;
    }

    .m-floatright {
      float: right;
    }
  }

  .m-recordTable {
    .el-form-item {
      margin-bottom: 18px;
    }
  }

  .ag-layout-normal {
    .ag-body-viewport {
      margin-right: -8px;
    }
  }
}

.m-view-adjustBill {
  .m-condition {
    .el-form-item {
      margin-bottom: 0px;
    }
  }

  .m-recordTable {
    .demo-ruleForm {
      .el-form-item {
        margin-bottom: 10px;
      }
    }

    .edit-ruleForm {
      .el-form-item {
        margin-bottom: 18px;
      }
    }

    .el-dialog {
      .el-dialog__body {
        max-height: 420px !important;
      }
    }
  }
}

.m-view-accountReport {
  .m-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    bottom: 0;
    display: flex;
    flex-direction: column;
  }

  .m-report-content {
    flex: 1;

    .m-reportPanel {
      height: 100%;

      .m-table-content {
        position: relative;
        height: 100%;

        .m-agTable {
          position: absolute;
          left: 0;
          right: 0;
        }
      }

      .el-col {
        height: 90%;
      }

      .m-title {
        margin-bottom: 10px;
        display: inline-block;
      }
    }
  }
}

.m-view-barcodeReport {
  .m-condition {
    .el-row:first-of-type {
      margin-bottom: 5px;
    }

    .el-form-item {
      margin-bottom: 5px;

      .el-input-group {
        vertical-align: top;
      }
    }
  }

  .m-barcode-agTableModel {
    height: 450px;
  }

  .m-barCode-dialog {
    .el-dialog__body {
      .el-button {
        margin-bottom: 10px;
      }
    }
  }
}

.m-overFlow {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

.m-view-mine {
  .box-card-notice {
    height: 370px;
    position: relative;
    width: 49%;
    float: left;

    .el-icon-refresh {
      cursor: pointer;
    }

    .el-card__header {
      height: 50px;
      padding: 0 20px;

      .clearfix {
        display: flex;
        justify-content: space-between;
        line-height: 50px;
      }
    }

    .el-card__body {
      overflow-y: auto;
      padding: 0px;
      //      height: 100%;
      position: absolute;
      top: 50px;
      left: 0px;
      right: 0px;
      bottom: 0px;
    }
  }

  .box-card-flow {
    height: 370px;
    position: relative;
    width: 49%;
    float: right;

    .el-icon-refresh {
      cursor: pointer;
    }

    .el-card__header {
      height: 50px;
      padding: 0 20px;

      .clearfix {
        display: flex;
        justify-content: space-between;
        line-height: 50px;
      }
    }

    .el-card__body {
      overflow-y: auto;
      padding: 0px;
      //      height: 100%;
      position: absolute;
      top: 50px;
      left: 0px;
      right: 0px;
      bottom: 0px;
    }
  }

  tr {
    height: 30px;
    line-height: 30px;
  }
}

.m-view-mine {
  .moreBtn:hover {
    background-color: transparent;
  }
}

.m-view-noticeDetailsComponent {
  position: relative;
  height: 100%;

  .el-button {
    float: right;
  }

  .box-card2 {
    position: absolute;
    top: 50px;
    bottom: 50px;
    left: 0px;
    right: 0px;
    overflow: auto;
  }

  .noticeFile {
    right: 0px;
    left: 0px;
    position: absolute;
    bottom: 0px;
  }

  .el-card__header {
    height: 70px;
    border-bottom: none;
  }

  .el-card__body {
    top: 70px;

    img {
      max-width: 100%;
    }
  }
}

.m-view-noticeList {
  .el-dialog__body {
    overflow-y: auto;
    max-height: 420px;
  }

  .m-condition {
    .el-form-item {
      margin-bottom: 5px;
    }
  }

  .download-file-status {
    width: 20%;
  }

  .download-file-actions {
    width: 22%;
  }
}

.m-view-template {
  .upload-demo {
    margin-left: 20px;
  }
}

.m-view-home {
  .m-top {
    .m-topRight {

      .m-help,
      .m-serviceSupport {
        float: left;
        height: 24px;
        border-right: 1px solid #ecf0f0;
        margin: 18px 0;
        padding-right: 5px;
        -webkit-app-region: no-drag;
        cursor: pointer;
      }

      .m-help {
        padding: 0 5px !important;
      }
    }
  }

  .demo-ruleForm {
    .tip-form-item {
      margin-bottom: 0;
    }

    .phone-form-item {
      .el-form-item__content {
        display: flex;

        .el-button {
          margin-left: 10px;
        }
      }
    }

    .tips {
      margin-left: 100px;
      font-size: 12px;
      color: #c0c0c0;
      display: inline-block;
      padding: 4px 0;
    }
  }

  .m-serviceSupport {
    height: 450px;

    .m-serviceSupportHead {
      width: 120px;
      text-align: center;
      font-size: 12px;
      color: #4bb4ff;
      cursor: pointer;
      margin: 0 auto;
      padding: 3px 0;
    }

    .m-serviceSupportBox {
      margin-top: 30px;
      height: 376px;
      overflow-x: hidden;
      overflow-y: auto;

      .m-boxCard {
        margin-bottom: 25px;

        .m-serviceSupportContent {
          display: flex;
          margin-top: 5px;

          .m-serviceSupportContent:first-child {
            margin-top: 0px;
          }

          span {
            font-size: 12px;
          }

          div {
            display: flex;
            align-items: center;
            line-height: 25px;

            .m-contactName,
            .m-ccAccount {
              // margin-left: 15px;
              margin-left: 5px;
            }

            .m-serviceSupportCC {
              margin-left: 15px;
            }
          }

          div:first-child {
            // width: 50%;
          }

        }
      }

      .m-noServiceData {
        height: 100%;
        width: 100%;
        text-align: center;
        font-size: 14px;
        margin-top: 100px;
      }
    }
  }
}

.m-view-subAccountManager {
  .demo-ruleForm {
    .tip-form-item {
      margin-bottom: 0;
    }

    .tips {
      margin-left: 100px;
      font-size: 12px;
      color: #c0c0c0;
      display: inline-block;
      padding: 4px 0;
    }
  }

  .m-push-dialog {
    .el-table {
      width: calc(100% - 25px);
      margin-left: 25px;

      thead {
        color: #333;

        th {
          background: #f5faff;
        }
      }
    }
  }

  .m-ccAccount {
    display: flex;

    .m-originPassword {
      width: 240px;
      font-size: 12px;
      color: red;
      text-align: center;
    }
  }

}

.m-supplierInfo-perfect {
  .el-form {
    .last-item {
      margin-bottom: 0;
    }

    .tips {
      color: red;
      margin-left: 100px;
      font-size: 12px;
    }
  }
}

.m-view-accountCheckReport {
  .m-condition {
    .el-form {
      .el-form-item {
        margin-bottom: 0px;
      }
    }
  }

  .m-tabelHeader {
    margin: 10px 0;
  }

  .m-top3 {
    top: 138px;
  }

  .m-chart {
    height: 400px;

    .ve-line {
      height: 100%;
    }
  }
}

.m-view-paramSetting {
  .el-tabs {
    margin-top: 10px;
    width: calc(100% - 15px);
    // top: 55px;
    // bottom: 0px;
    height: calc(100% - 75px);
    position: absolute;

    .el-tabs__header {
      .el-tabs__nav-wrap {
        .el-tabs__nav-scroll {
          background: none;

          .el-tabs__item {
            background: none;
          }

          .is-active {
            background: #fff;
          }
        }
      }
    }

    .el-tabs__content {
      position: absolute;
      top: 50px;
      left: 0;
      right: 0;
      bottom: 60px;
      overflow: auto;

      .el-tab-pane {
        height: 100%;
      }
    }

    .m-tabContent {
      height: 100%;
      overflow: auto;

      .contentItem {
        display: flex;
        padding: 15px 0;
        border-bottom: 1px solid #e4e7ed;
        align-items: center;

        .itemName {
          width: 60%;
          white-space: normal;
        }

        .itemValue {
          .day-input {
            width: 40px;

            .el-input__inner {
              padding: 0 10px;
            }
          }
        }
      }
    }
  }

  .page-footer {
    position: absolute;
    bottom: 10px;
    left: 40%;
  }
}

// .m-view-testModel{
//     .el-dialog__body{
//         overflow-y: auto;
//         max-height: 500px;
//         height: 400px;
//         width:50%;
//     }
// }

/*主界面侧边栏收缩样式 begin */
.m-left {
  position: absolute;
  width: 167px;
  left: 0;
  top: 60px;
  bottom: 0;
  border-right: 1px solid #ecf0f0;
  background: linear-gradient(0deg,
      rgba(107, 182, 235, 1),
      rgba(12, 130, 215, 1));
  overflow-y: auto;
  transition-duration: 0.3s;

  &::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: transparent;
  }

  /*滚动条整体样式*/
  &::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 10px;
  }

  /*滚动条里面小方块*/
  &::-webkit-scrollbar-thumb {
    background-color: rgba(236, 240, 240, 0.5);
    border-radius: 5px;
  }

  /*滚动条里面轨道*/
  ul {
    li {
      width: 152px;
      height: 50px;
      line-height: 50px;
      padding-left: 15px;
      cursor: pointer;

      .iconfont {
        float: left;
        font-size: 14px;
        color: #fff;
        padding-right: 10px;
      }

      span {
        float: left;
        font-size: 13px;
        color: #fff;
      }
    }

    li:hover {
      background-color: #0070c0;
    }

    .active {
      background-color: #0070c0;
    }
  }
}

.m-right {
  position: absolute;
  left: 167px;
  right: 0;
  top: 60px;
  bottom: 0px;
  overflow-y: auto;
  background-color: #fff;
  transition-duration: 0.3s;

  .m-telescopic {
    position: absolute;
    left: 0;
    width: 15px;
    top: 0;
    bottom: 0;
    z-index: 999;

    &:hover {
      button {
        background-color: rgba(59, 156, 225, 1);
        box-shadow: 0 0 8px #999;
      }
    }

    button {
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -25px;
      width: 15px;
      height: 60px;
      transition-duration: 0.3s;
      border: none;
      border-radius: 0 15px 15px 0;
      outline: none;
      color: #fff;
      background-color: rgba(59, 156, 225, 0);
      box-shadow: none;
    }
  }

  .m-module {
    overflow: hidden;

    .m-title {
      font-size: 14px;
      padding-left: 10px;
      color: #666;
    }

    ul {
      li {
        float: left;
        width: 120px;
        height: 120px;
        text-align: center;
        border: 1px solid #ecf0f0;
        margin: 10px;
        cursor: pointer;

        .iconfont {
          display: block;
          font-size: 42px;
          height: 42px;
          line-height: 42px;
          width: 42px;
          margin: 0 auto;
          margin-top: 24px;
          margin-bottom: 20px;
        }

        span {
          display: block;
          font-size: 14px;
          color: #333;
        }
      }

      li:hover {
        border: 1px solid #0070c0;
      }

      .m-completed {
        span {
          color: #0070c0;
        }
      }
    }
  }

  .m-module+.m-module {
    margin-top: 10px;
  }
}

// 申购物料列表
.m-view-applySoleList,
.m-view-verifySoleList,
.m-view-awaitVerifyList,
.m-view-purchasesApplyList,
.m-view-newsPush {
  .el-form-item {
    margin-bottom: 0px;
  }

  .m-floatright {
    float: right;
  }

  .m-applySoleListTable {
    top: 100px;
  }
}

.m-view-newsPush {
  .el-form-item {
    margin-bottom: 20px;
  }
}

.inputStyle {
  height: 100% !important;

  .el-input__inner {
    height: 100% !important;
    // height: 28px;
    line-height: 28px;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    padding-left: 0;
    color: #000;
  }
}

.m-agCenter{
  .ag-cell{
    display: flex;
    align-items: center;
  }
}

/*主界面侧边栏收缩样式 end */

/* 隐藏select下拉框 */
.m-view-not-show-option {
  display: none !important;
}

.m-unreadPoint {
  position: relative;

  &:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: #ff4c4c;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 10px;
  }
}

// 危险色
.m-danger {
  color: #ff4c4c;
}

.g-top100 {
  top: 100px !important;
}

.g-top150 {
  top: 150px !important;
}

.g-top180 {
  top: 180px !important;
}

.g-top200 {
  top: 200px !important;
}

.flex {
  display: flex;
}

.hor-flex-end {
  justify-content: flex-end;
}

// mb代表margin-bottom, mt代表margin-top,mr代码margin-right,ml代表margin-left
.mb-10 {
  margin-bottom: 10px;
}

.mt-10 {
  margin-top: 10px;
}